Le premier aspect de la distribution d'applications est le processus de construction, et comme mentionné dans la leçon précédente,
nous utiliserons le module de construction électronique pour cela.
Le module propose deux implémentations, une API programmatique pour le script de vos boulons et une interface de ligne
de commande se concentrera sur cette dernière.
J'ai lié à cette page de projet dans les ressources de la leçon.
La première étape consiste alors à installer l'électron, les outils pour que l'électron construise une interface de ligne de
commande disponible partout.
Vous devrez l'installer globalement avec NPM, installer le générateur d'électrons global G four, que j'ai déjà sur
ma machine.
De cette façon, vous pourrez appeler des commandes directement depuis le terminal avec l'électron, créer
une commande, par exemple, électron builder avec un indicateur d'aide qui imprime la documentation d'aide pour les outils de ligne
de commande.
Vous pouvez également l'installer localement pour le projet lui-même.
De cette façon, cependant, vous devrez appeler l'électron une commande utilisant NPM.
Juste quelque chose dont il faut être conscient car nous verrons un exemple dans une seconde.
Comme auparavant, cependant, si votre projet doit être construit par plus d'un développeur, je vous recommande de vous
assurer d'ajouter le générateur d'électrons en tant que dépendance de développement.
Je vais le faire avec l'indicateur NPM I Capital D pour marquer cela comme une dépendance de développement.
Générateur d'électrons entre.
Et le package de vérification terminé, Jason, là, le module de boule d'électrons est ajouté en tant que dépendance de développement.
Cela fait, nous pouvons maintenant ajouter un script à ce package, le fichier Dodgson afin d'accéder à cette
version locale d'Electron Balde.
N'oubliez pas que seule l'installation globale est accessible depuis la ligne de commande, pas cette version locale.
Pour cette raison, nous devons l'exécuter via AMPM.
Une autre note importante est que si vous êtes sous Windows, l'installation locale ne fonctionnera probablement pas
non plus et vous devrez installer electron balde globalement.
Ce n'est pas toujours le cas, mais à noter, j'ajouterai une commande de script appelée Bould sur laquelle
je demanderai à NPM d'exécuter Electron Baldor avec un indicateur d'aide juste pour tester, sauvegarder, exécuter ce script de projet avec NPM Run.
Construisez le nom du script qui génère le même menu d'aide que nous l'avons vu précédemment lors de l'accès à l'installation globale directement
à partir de la ligne de commande.
À droite, avec cela à l'écart, voyons une commande de base en gras sur la boule d'électrons qui accoste à la
section d'interface de ligne de commande.
Là où nous voyons toutes les commandes disponibles et les indicateurs respectifs pour ces commandes,
la commande par défaut étant en gras ici et pour spécifier une plate-forme ou une cible unique, nous pouvons ajouter l'un de ces indicateurs,
Mack Win ou Linux au terminal.
N'oubliez pas que j'ai installé un balde électronique dans le monde entier.
Donc, pour créer l'application, je vais exécuter le générateur d'électrons en gras, bien que ce soit la commande par défaut.
Nous pouvons donc aussi simplement le laisser de côté.
Mac, pour créer ceci uniquement pour Mac ou quand boulonner pour Windows.
Nous pouvons également utiliser des drapeaux de sténographie ici.
M pour Mac, W pour Windows ou L pour Linux.
Si vous laissez ce drapeau de plate-forme de côté, Electron Boulder utilisera par défaut le système d'exploitation en cours de
construction.
Et enfin, nous pouvons spécifier la cible ou le type de balle à créer, par exemple, zip étant un fichier zip de
l'application Mac.
D'autres cibles peuvent inclure une image disque DMG ou un programme d'installation pour Windows.
Voyant que je démontre cela à partir d'un Mac, voyons comment le créer pour Mac sous forme de fichier zip.
Avant d'aller de l'avant avec cela, notez que bien que nous puissions construire pour Windows, Mac et Linux sur
Mac, nous ne pouvons construire que quatre Windows et Linux sur Windows.
Juste important d'être conscient.
Devez-vous avoir besoin de construire pour Mac à partir d'une machine Windows?
Une solution tierce comme Advair existe.
Pour ce faire pour vous, vous pouvez trouver un lien à activer dans les ressources réduites.
OK, revenons à cette commande en gras.
Je vais lancer ça.
Et immédiatement, il y a quelques avertissements, le premier étant l'icône de l'application non définie et le second ne pouvant pas trouver de
certificat de signature ou d'identifiant de développeur Apple, ce qui signifie que la construction ne sera pas signée, ce que nous aborderons
dans la prochaine leçon.
Je vais avancer rapidement là-dessus.
Nous devrions maintenant avoir une version packagée de notre application pour Mac au format ZIP pour y lister le contenu de ce
projet.
C'est dans ce répertoire de poussière qu'Electron Baldor écrit nos gras ciblés, qui, si je le développe
dans mon éditeur, contient une version décompressée du Mac et des fichiers auxiliaires générés par le processus de
construction.
Et enfin, notre fichier zip ciblé avec l'application.
Je vais mettre le projet en vue.
Accédez au nouveau répertoire de test où nous voyons l'emballage au format zip et, plus important encore, ce
répertoire Mac, qui contient la version non emballée de notre construit spécifiquement pour tester Bolds
Electron, Baldor générera un tel répertoire avec une version décompressée pour chaque plate-forme que vous
créez pour accéder à ce répertoire Mac.
Là, nous avons une application, bien qu'avec l'icône de l'application électronique, car nous n'avons fourni aucune icône pour notre
application.
Lance ça.
Et nous obtenons une note autonome, cependant, qu'il y a quelques choses que nous devons encore mettre
à jour, l'icône de l'application étant une, le nom de l'application, qui est extrait du fichier adjacent du package pour
le moment, cachant les outils de développement et enfin devra signer cette application pour qu'elle fonctionne sur d'autres machines.
Alors faisons les premiers maintenant.
Nous aborderons la signature de code dans la prochaine leçon.
Quittez ça.
Je vais me débarrasser de tout ce répertoire de poussière pour le moment et commencer par mettre à jour le nom de nos applications.
Comme mentionné, Electron Balde prend cela du package Dogz sur fichier ici, je vais le mettre à jour pour le lire la
semaine prochaine et supprimer les appels pour ouvrir les outils de développement.
Nous n'avons toujours qu'un seul exemple de cela dans le Maine.
Ouais, retirez le dentaire ouvert à l'école selon ce commentaire.
Ce paquet, cependant, Jason Fowler peut faire avec quelques mises à jour, rendre le projet d'apt description master
électron un peu plus précis dans un champ de page d'accueil, dans mon cas, sera juste le même que le dépôt.
Et un seul auteur, il n'y a plus de projet QuickStart, non, ça devrait le faire, la prochaine
étape est alors d'ajouter des icônes.
J'ai créé une image d'icône très simple, que je vais déplacer dans le répertoire du projet, une image de dix, vingt-quatre
par dix, vingt-quatre carrés à utiliser pour générer des icônes d'application.
La taille de l'image de l'icône initiale n'est pas trop importante tant qu'elle est suffisamment grande pour créer des icônes haute résolution
à partir de 10.
24 est une taille sûre.
Vous pouvez trouver cette image dans les ressources pédagogiques si vous souhaitez l'utiliser.
OK, ayant cette image d'icône, nous devons maintenant créer des icônes spécifiques à Mac, Windows et Linux car chaque
plate-forme nécessite différents formats d'icônes.
C'est encore une tâche que vous pouvez réaliser avec un certain nombre de services en ligne ou même avec une application
de retouche d'image.
La façon dont vous créez ces icônes n'a pas d'importance.
Donc, ce que j'utiliserai, c'est la conversion en nuage.
Cela nous permet de générer tous les formats requis en une seule fois.
Je vais sélectionner cette icône image icône DOT PMG conversion pour Mac et type d'image d'icônes.
Les fichiers d'icônes contiennent un certain nombre de tailles d'image différentes regroupées en un seul, et il s'agit du format d'icône natif utilisé par
toutes les applications Mac.
Ensuite, pour Windows, j'ajouterai une autre conversion, le même fichier icône convertissant en un type d'image Icko le
format d'icône Windows natif.
Je vais également configurer cela pour être une icône de 256 par 256 juste pour garder la résolution de l'icône un peu plus élevée.
Et c'est tout.
Lennix utilisera simplement l'image de l'icône telle quelle dans la conversion de démarrage au format PNG.
Et fini de télécharger ces deux icônes pour Mac et pour Windows, ce sont toutes les icônes dont nous avons besoin.
Déplacez donc ces icônes téléchargées dans le répertoire du projet et par défaut, Electron Electron recherchera les
ressources de l'application dans un répertoire appelé Pulled.
Alors créez cela, en plaçant les trois fichiers d'icônes directement dans cette facture.
De cette façon, nous n'avons pas besoin de configurer quoi que ce soit électroniquement qui trouvera simplement l'image correcte pour
le monde par lui-même.
Donc, après avoir mis à jour le nom et les icônes de l'application, essayons à nouveau la même version.
Entrer.
Plus aucun avertissement d'icône, mais toujours ce problème de certificat, c'est pour
la prochaine leçon, cependant, avancez rapidement et retournez dans ce répertoire de test recréé.
Et là, notre application est maintenant nommée correctement avec l'icône, nous l'avons lancée.
Et de même, nous avons le nom dans ce premier match, menu spécifique dans l'élément de menu à propos et en haut de la
fenêtre de l'application, notre application est maintenant essentiellement prête et nous pouvons commencer à configurer électron balde pour
chaque plate-forme.
Alors, accédez à la documentation, accédez à ce lien de configuration.
Où nous obtenons une très bonne répartition des paramètres de configuration courants, soit les paramètres qui
s'appliquent à toutes les plates-formes, les modèles de fichiers avec lesquels vous pouvez changer le répertoire en actifs croisés dans etc., et
les configurations spécifiques à la plate-forme, Mac, Windows et Linux, chaque plate-forme contenant des éléments individuels sections de
configuration pour ses cibles disponibles.
Je vais commencer par les champs communs obligatoires.
Comme pour le nom de l'application, Electron Builder vérifiera le package, et non le fichier JSON, pour une configuration en
gras étant une configuration JSON sur la clé ampoule.
Vous pouvez également créer un fichier YAML distinct et indiquer au constructeur d'électrons où le trouver lors de
l'exécution de la commande.
Mais je m'en tiendrai à la première option sur notre package sur fichier.
Ajoutez une nouvelle version de clé sur laquelle nous pouvons maintenant spécifier des options de configuration pour le générateur d'électrons, dont le premier est
l'ID d'application de toute personne qui a déjà créé une application.
Cela devrait être familier.
Il s'agit d'un identifiant unique pour votre application en notation de domaine inversé et est le même pour toutes les plates-formes.
Dans mon cas, com dot steck academy dot reedit.
Donc, développeur de nom d'application ou organisation dotcom, ce format n'est pas une exigence stricte, mais c'est la recommandation
standard de toutes les plates-formes, définissez également la propriété du droit d'auteur.
Cela sera utilisé à divers endroits en fonction du système d'exploitation.
Copyright Stake Academy DOT TV.
Et enfin, une propriété spécifique à la plate-forme pour chacune des plates-formes prises en charge, Mac.
Windows quand?
Et Linux.
Sur ceux-ci, nous pouvons maintenant définir des configurations de plate-forme, par exemple, dans les quais, nous avons
des options Mac pour n'importe quelle cible, des options pour les images DMG, le Mac App Store et un format de package d'installation.
Idem pour Windows et Linux avec ses formats d'applications disponibles.
Je vais accéder aux paramètres Mac courants.
Ils sont la catégorie supérieure, les cibles pour lesquelles nous voulons construire ou même une icône personnalisée qui par défaut
est des icônes en gras exactement comme nous l'avons, je vais commencer par définir cette catégorie, ce lien ici étant
toutes les catégories d'applications Mac disponibles accédez à cela.
Pas beaucoup, alors choisissez celui qui est le plus précis pour votre application, je dirai productivité,
copiez la catégorie, le devoir ou l'identifiant unique.
Assis dans la configuration de la carte, catégorie deux, cette chaîne UTI.
Ensuite, nous pouvons spécifier les cibles que nous voulons compiler lors de la construction pour Mac, l'une d'entre elles ici.
Ciblez DMG, car nous n'avons pas vu cela, enregistrez-le pour tester.
Electron builder pour Mac, et cette fois après avoir spécifié notre cible en tant qu'image DMG dans la
configuration, je supprimerai cette cible zip du centre de commande Fast-Forward.
Grâce à cela, nous voyons le DMG en cours de construction au lieu de la cible zip qui est terminée.
Vérifiez donc directement le disque.
Nous avons ici la version 1 de DMG Redit. 0 DMG sur Montez cette image.
Et nous obtenons cette très belle fenêtre d'image de bureau où l'application peut être déposée directement dans
notre répertoire d'applications, vous trouverez également d'autres paramètres de configuration sous la cible DMG pour tout changer de la
taille de la fenêtre, la couleur d'arrière-plan ou même une image d'arrière-plan personnalisée .
Ensuite, construisons l'application pour Windows et Linux ainsi que dans la documentation Windows.
Nous n'avons pas de catégorie ici, mais j'ajouterai une cible parmi celles disponibles.
Réglage, comme avec la cible de mauvaise configuration, Zipp.
Ensuite, vers les docks Linux, celui-ci a une catégorie et plusieurs autres champs possibles, comme,
par exemple, écraser la description par défaut définie dans le package que Jason file le nom du fichier
exécutable qui sera créé et bien d'autres.
Je vais définir la catégorie pour l'instant, accédez à cette catégorie d'application de lien où nous avons les
catégories disponibles.
L'utilitaire convient probablement le mieux à l'application de lecture.
Alors, définissez l'utilitaire de catégorie de clé Linux.
Je laisse la configuration cible à la valeur par défaut, qui est une image d'application Linux standard et un boulon pour
Linux.
SNAP ou supprimez tous les boulons précédents avant de recommencer.
Appelant le constructeur d'électrons M w ell, donc Mac, Windows et Linux.
Et à ce stade, vous verrez peut-être des fichiers binaires téléchargés pour chaque plate-forme déjà effectuée
sur ma machine, cependant, je vais suivre ceci.
Et là, nous pouvons voir chaque puce qui s'est produite, le DMG pour Mack d'abord, comme spécifié dans notre configuration en gras, une image
instantanée pour le magasin d'instantanés Linux dans le cadre de la valeur par défaut.
La prochaine cible est l'image de l'application également pour Linux et le fichier zip Windows.
Consultez le répertoire du district.
Là où nous avons le DMG comme avant, l'image Linux et le stoep SNAP.
Et à l'intérieur de cette fenêtre, un fichier zip.
Lis le.
Cela couvre donc les bases de la construction avec le générateur d'électrons et, comme vous pouvez le voir, de nombreuses options de
configuration sont disponibles pour personnaliser vos boulons exactement comme vous en avez besoin.
Dans la prochaine leçon, nous verrons comment coder l'inscription.